<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
    <title>ADMIRAL: ADMIRAL User Administration</title>

    <!-- TODO: move to separate CSS file -->
    <style>
    td {
        background-color: #FFE;
    }
    </style>
 
    <link rel="stylesheet" href="./../css/AdminUI.css" type="text/css" />   
    
    <!-- Import jQuery framework -->
    <script type="text/javascript" src="../../jQuery/js/jquery-1.4.2.js"></script> 

    <!-- Import jQuery additional libraries -->
    <script type="text/javascript" src="../../jQuery/jquery.json-2.2.js"></script> 
 
    <!-- Import MochiKit modules: require MochiKit library functions to be fully qualified -->
    <script type="text/javascript">MochiKit = {__export__: false};</script>
    <script type="text/javascript" src="../../MochiKit/Base.js"></script>
    <script type="text/javascript" src="../../MochiKit/Iter.js"></script>
    <script type="text/javascript" src="../../MochiKit/Logging.js"></script>

    <!-- Import generic code from the dataset utils package -->
    <script type="text/javascript" src="../../DatasetUtils/js/DatasetTree.js"></script>
       
    <!-- Import Admiral functions -->
    <script type="text/javascript" src="../../Admiral/admiral-base.js"></script>
    <script type="text/javascript" src="../../Admiral/Error.js"></script>
    <script type="text/javascript" src="../../Admiral/AsyncComputation.js"></script>
    <script type="text/javascript" src="./../js/AdminFrontPage.js"></script>   
    <script type="text/javascript" src="./../js/AdmiralListUsers.js"></script>  
    
    <script>
      // Use jQuery via jQuery(...)
      jQuery.noConflict();
    </script>   
    
</head> 

<body>
    <div>
        <span id="logo"><a href="/"><img alt="site_logo" src="../../images/Admiral-logo-284x100.png" border="0"/></a></span>
    </div>

   <h1>ADMIRAL User Administration</h1>
   <h2></h2>
   <form id="adminForm" name="adminForm" action="" method="post">
       <div class=" outer">  
            <div class="box">        
                <span class="label">
                    <span class="mainlabel">
                        Add ADMIRAL User :
                    </span>
                </span>        
                <span class="labelvalue">
                    <span class="sublabelvalue">
                        <!-- <input name="userAdd" id="userAdd" type="text" value="" size="20" /> -->   
                        <input name="userAddButton" id="userAddButton" type="submit" value="Add"/>            
                    </span>           
                </span> 
            </div>
            <div class="box">
               <span class="label">
                    <span class="mainlabel">
                        Delete / Modify
                    </span>
                    <span class="mainlabel">
                     ADMIRAL User :
                    </span>
               </span>
               <span class="labelvalue">                 
                     <span class="sublabelvalue">
                        <input name="selectedUser" id="selectedUser" type="text" value="" size="20" />  
                        <input name="userModifyButton" id="userModifyButton" type="submit" value="Modify"/>      
                        <input name="userDelButton" id="userDelButton" type="submit" value="Delete"/>              
                     </span>
                     <span class="sublabelvalue">
                        <select name="userList" id="userList" size="4" >
                           <option value="user1" class='userListItem'>User1</option>
                           <option value="user2" class='userListItem'>User2</option>
                           <option value="user3" class='userListItem'>User3</option>
                           <option value="user4" class='userListItem'>User4</option>
                        </select> 
                        <!--<button type="button" name="userModifyButton" id="userModifyButton">Modify</button>   -->            
                    </span>
               </span>
            </div>
            <div class="box">
                <span class="labelvalue">
                    <input name="cancel" id="cancel" type="submit" value="Home"/>
               </span>
            </div>
       </div>
    </form>  
</body>
</html>

